<!DOCTYPE html>

<html>
<head>
<style>
div {
  display: inline-block;
  width: 200px;
  height: 150px;
  margin: 10px;
  border: 1px solid green;
  background-image: url(resources/smiley.svg);
  background-size: 42px;
}
</style>
</head>

<body>
  <div style="background-repeat: repeat repeat;"></div>
  <div style="background-repeat: repeat space;"></div>
  <div style="background-repeat: repeat round;"></div>
  <br>

  <div style="background-repeat: space repeat;"></div>
  <div style="background-repeat: space space;"></div>
  <div style="background-repeat: space round;"></div>
  <br>

  <div style="background-repeat: round repeat;"></div>
  <div style="background-repeat: round space;"></div>
  <div style="background-repeat: round round;"></div>
  <br>

</body>
</html>
